.cover__subtitle{
  margin: 32px auto 0;
  max-width: 360px;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .cover__subtitle{
    font-size: calc( (100vw - 320px)/(767 - 320) * (18 - 14) + 14px);
  }
}

@media screen and (max-width: 585px) {
  .cover__subtitle{
    margin: 16px auto 0;
    line-height: 16px;
}
}

@media screen and (max-width: 320px) {
  .cover__subtitle{
    font-size: 14px;
    max-width: 265px;
}
}